body {
    /*font-family: 'Gill Sans MT', 'GillSans', 'Tahoma', 'Arial', sans-serif;*/
    font-family: lucida grande, arial, helvetica, sans-serif;
    background: #330000 url( 'http://steampunkskin.googlecode.com/svn/trunk/bg2.gif' );
    color:#977A40;
    overflow:auto; /* To eliminate the unused scrollbar in IE until it's needed */
    border:none; /* To get rid of the slightly visible border that appears by default... I didn't even know this existed until recently */
}

/* link colors */
a:link, a:visited, a:active {
    color: #6C4E1F;
    text-decoration: none;
}

a:hover, a.alt:hover {
    text-decoration: underline overline;
}


#featuretabs {
    font-size: 13px;
}

.gseaopt {
    font-size: 10px;
}

#gsea {
    padding-bottom: 0px;
}

/* This changes the color of the additional search options like "Advanced Search", "Preferences", and "Language Tools" */
.gseaopt a:link, .gseaopt a:visited, .gseaopt a:active {
    color: #EFCF98;
    text-decoration: none;
}

/* ...and this is the hover state for it. */
.gseaopt a:hover {
    text-decoration: underline overline;
}


.msg .msg_box, #noscript_box, #new_user_save_box, #new_user_tip_box {
    border: 1px solid #676767;
    opacity: .8;
    filter: alpha( opacity = 80 );
    zoom: 1;
    background-color: #fff;
}


/* This determines the height of the top */
#nhdrwrapsizer {
    height: 210px;
}

#no_script {
    background-color: #222222;
}






/*  TABS SECTION  */
/*  TABS SECTION  */
/*  TABS SECTION  */
/*  TABS SECTION  */







/* This is the line that the tabs sit upon */
.tab {
    font-size: 12px;
    border-bottom-color: #EFCF98;
    color: #EFCF98;
    font-weight: normal;
}

/* This is the non-tab links for the tab line this line*/
.tab a:link, .tab a:visited, .tab a:active {
    color: #EFCF98;
    text-decoration: none;
    font-weight: normal;
}

/* And the hover states for those links */
.tab a:hover {
    text-decoration: underline overline;
}

#addstuff {
    font-weight: normal !important;
}


.selectedtab {
    background-color: #977A40;
    color: #F5E072;
    border-style: solid;
    border-width: 1px;
    border-top-color: #F5E072;
    border-left-color: #F5E072;
    border-right-color: #977A40;
    border-bottom-width: 0px;
    cursor: text;
}

.unselectedtab {
    color: #EFCF98;
    background-color: #977A40;
    border-style: solid;
    border-width: 1px;
    border-top-color: #F5E072;
    border-left-color: #F5E072;
    border-right-color: #977A40;
}

.unselectedtab span {
    color: #222222;
}

.unselectedtab a:link, .unselectedtab a:visited, .unselectedtab a:active{
	color: #EFCF98;
}

/* this changes "Add a Tab" */
.addtab a:link, .addtab a:visited, .addtab a:active{
	color: #EFCF98;
}

.unselectedtab:hover {
    background-color: #EFCF98;
    color: #977A40;
    border-bottom-color: #EFCF98;
    background-image: none;

}

.selectedtab:hover {
    background-color: #EFCF98;
    color: #977A40;
    border-bottom-color: #EFCF98;
}

/* This does nothing, as far as I can tell*/
.tab_hover {
    background-color: #d3e111;
}












/*  MODULE SECTION  */
/*  MODULE SECTION  */
/*  MODULE SECTION  */
/*  MODULE SECTION  */











/* Beginning of the module content */
.modboxin, .modboxin_s {
    padding: 5px 9px 10px 9px;
    font-size: 11px;
    border: 3px #6C4E1F double;
    border-top: none;
    border-bottom-width: 6px;
    /* You see this color load before the image */
    background: #FDF5D3 url( 'http://steampunkskin.googlecode.com/svn/trunk/mainbg.jpg' );
}


/* "dd" must be the "Drop-Down" menu off of the Module Title Bar */
.dd_item {
    font-size: 11px;
    background-color:#EFCF98;
}

.dd_item a:link, .dd_item a:visited, .dd_item a:active {
    color: #977A40;
    text-decoration: none;
}

.dd_item a:hover {
    color: #EFCF98;
    background-color:#977A40;
}

.dd_border {
    border: 2px solid #6C4E1F;
}



/* Module links */
.modboxin a:link, .modboxin a:visited, .modboxin a:active {
    text-decoration: none;
    color: #6C4E1F;
}

/* ...and the over-state for them */
.modboxin a:hover {
    text-decoration: underline overline;
}

/* I'm not sure if this does anything... */
.modboxin_s, .modtitle_s {
    border-color: #ff0000;
}

/* Again, I am not sure if this does anything */
.modboxin_s {
/*border-top-color: #000000;*/
    background-color: #0000ff;
    padding-top: 9px;
}

.modtitle, .mtlink, .modtitle_s {
    font-size: 95%;
    line-height: 20px;
}

a.mtlink {
    /* text-decoration: none !important; */
    color: #221111;
}

a.mtlink:hover{
    text-decoration: underline overline;
}


/* This controls the Title Bar of the Modules */
.modtitle, .modtitle_s {
    background: #977A40 url( 'http://steampunkskin.googlecode.com/svn/trunk/moduletitlebg.gif' ) repeat-x;
    /* border: 1px #F5E072 #977A40 #977A40 #F5E072 solid; */
    border: none;
    padding: 0px 8px;
}

.modtitle, .modtitle_text {
    font-weight: normal ! important;
    text-decoration: none !important;
}

.modtitle {
    color:#6C4E1F;
}


.modtitle_text {
    background: #806237 url( 'http://steampunkskin.googlecode.com/svn/trunk/modtitle.gif' ) repeat-x;
    border: 1px #330000 solid;
    padding-left: 4px;
    padding-right: 4px;
}

.gm_link {
    background: #FDF5D3 url( 'http://steampunkskin.googlecode.com/svn/trunk/mainbg.jpg' );
    border: 3px #6C4E1F double;
    border-top: none;
    border-bottom-width: 5px;
    color: #977A40;
}


















/* Nothing, as far as I can tell */
a.ddbox, a.delbox, a.minbox, a.maxbox {
    margin-top: 4px;
}


/* google logo */
#regular_logo {
/*
    position:relative;
    left:-250px;
    top:50px;
    background: url( 'http://steampunkskin.googlecode.com/svn/trunk/2gearsopt.gif' ) no-repeat;
    background-position: 0px 50px; 
    
*/
    background:none;
    margin-right: 5px;
    width: 166px;
    height: 55px;
}

/* It would be cool to use this, but it doesn't fit with my design */
/*
.gseain {
    background: url( 'http://steampunkskin.googlecode.com/svn/trunk/2gearsopt.gif' ) repeat-x;
    background-position: 0px 185px; 
    width:700px;
    height:222px
}
*/



#nhdrwrap {
    background: #222222 url( 'http://steampunkskin.googlecode.com/svn/trunk/topplate_l.gif' ) no-repeat; /* top left; */
    background-position: 0px 6px;
}

#nhdrwrapinner {
 background: url( 'http://steampunkskin.googlecode.com/svn/trunk/topplate_r.gif' ) no-repeat; /* top right; */
 background-position: 100% 6px;
 padding-top: 6px;
}

#nhdrwrapsizer {
 background: url( 'http://steampunkskin.googlecode.com/svn/trunk/logoani.gif' ) no-repeat top center;
 padding-left:58px;
}

#modules {
 background: #222222 url( 'http://steampunkskin.googlecode.com/svn/trunk/bg2.gif' );
}




#guser, #gbarl, #gbarc {
    background: #222222 url( 'http://steampunkskin.googlecode.com/svn/trunk/bg2.gif' );
}

#guser {
    border-bottom: 1px #EFCF98 solid;
}


#guser nobr{
    color: #990000;
}

#guser nobr b {
    color: #EFCF98;
}

#guser nobr a:link, #guser nobr a:visited, #guser nobr a:active {
    text-decoration: none;
    color: #977A40;
}

#guser nobr a:hover {
    text-decoration: underline overline;
}

#gbarl {
    display: none;
}

#gbar {
    color: #EFCF98;
}

#gbar a:link, #gbar a:visited, #gbar a:active {
    text-decoration: none;
    color: #977A40;
}

/* ...and the over-state for them */
#gbar a:hover {
    text-decoration: underline overline;
}




/* Main "more" drop-down */

#more a.q {
    border: 2px solid #6C4E1F ! Important;
    background-color:#EFCF98;
    color: #977A40;
}

.gbard {
    background-color:#EFCF98;
}

.gbard a:link, .gbard a:visited, .gbard a:active {
    color: #977A40;
    text-decoration: none;
}

.gbard a:hover {
    color: #EFCF98;
    background-color:#977A40;
}








/* These are the buttons that live in the Modules title bars */

a.ddbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_drop.gif' );
}

a.delbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_close.gif' );
}

a.minbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_min.gif' );
}

a.maxbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_max.gif' );
}

a.ddbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_drop_over.gif' );
}

a.delbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_close_over.gif' );
}

a.minbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_min_over.gif' );
}

a.maxbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_max_over.gif' );
}

a.fmaxbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_max' );
}

a.fminbox {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_min.gif' );
}

a.fmaxbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_max_over.gif' );
}

a.fminbox:hover {
    background-image: url( 'http://steampunkskin.googlecode.com/svn/trunk/butt_min_over.gif' );
}

a.fmaxbox, a.fminbox {
    margin-right: 5px;
}











/* This is the hidden "Edit Settings" box */
.meditbox {
    border-top: 1px #EFCF98 solid;
    padding: 5px 0px 5px 0px;
    font-size: 12px;
    color: #222222;
}



.uftl {
    padding: 5px 0px;
    border: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.sftl {
    padding: 5px 0px;
    border: none;
    border-top: 1px #c98399 dotted;
    border-bottom: 1px #c98399 dotted;
}

.fpad {
    padding: 5px 10px 2px 17px;
    font-size: 92%;
}

.modlabel {
    padding-bottom: 8px;
    border-bottom: 1px #c98399 dotted;
    margin-bottom: 2px;
}

.tld {
    width: 70px;
}

.edline {
    border-bottom-color: #f2dae2;
}

.modtitle, a.alt {
    color: #000000;
}

.modtitle_s {
    color: #000000;
}


a.gre {
    color: #222222;
}

.tls a {
    color: #232222;
}

.tls a:hover {
    text-decoration: underline;
}
















/* Footer Stuff */

#footerwrap {
    border-top: 1px #EFCF98 solid;
    background: url( 'http://steampunkskin.googlecode.com/svn/trunk/footerbg.gif' ) repeat-x top left;
}

#footerwrapinner {
    background: url( 'http://steampunkskin.googlecode.com/svn/trunk/bottomplate.gif' ) no-repeat top center; 
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 20px;
    height: 165px;
    color: #F5E072;
}

#footer_promos, #sfrm {
	color: #EFCF98;
}

#footerwrap a {
    text-decoration: none;
}

#footerwrap a:hover {
    text-decoration: underline overline;
}

/* This is in the bottom line */
.bold_link_container {
	color: #EFCF98;
}

.new {
    color:#990000;
}









#nhdrwrap .msg_box a, #new_user_save_box a {
    color: #af4748;
}

.fpad {
    color: #666666;
}

.tab_hover {
    color: #fff;
}

.dialog .titlebar {
    border-color: #d9adbb;
    background: #f2dae2;
}

.dialog .body {
    border-color: #d9adbb;
}